@charset "utf-8"; 
.flex {
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */

  display: -webkit-flex; /* 新版本语法: Chrome 21+ */

  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */

}
.ptb60mb20{background:#e7e5e6;} 
.breaker {
    padding-bottom: 15px;
    font-size: 14px;
    color: #666;
    padding-left: 25px;
    line-height: 40px;
}
/* CSS Document */
#header{
    width: 100%;
    z-index: 99999;
    transition:all .3s;
}
 #layer_message{ 
    padding:0px; 
} 
#code_img{
 
    height:34px;
 
} 
#layer_message p{ 
    margin-top: 20px; 
    font-size:14px; 
}
#layer_mess{ 
    padding:20px 25px; 
} 
#code_img{
 
    height:34px;
 
} 
#layer_mess p{ 
    margin-top: 20px; 
    font-size:14px; 
}

.header_wrap{
    height:95px;border-bottom: 3px #1d3676 solid;
}
#header.header_on .header_wrap{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}
.logo{
    margin-top:5px;
    flex: 1;
    height:86px;min-width: 200px;
}
.logo img{
    height: 100%;
    width: auto;
}

.header_wrap .language{



    line-height: 90px;

	padding-right: 20px;



}

.header_wrap .language img{

 margin-top: 32px;

	width: 24px;height:24px;



}



.header_wrap .language i{
 
    font-size:20px;
 
    color:#666;
 
    margin:0 8px 0 25px;
 
} 

.header_wrap .language p{



    font-size:14px;

padding-left: 10px;

    height: 26px;

color: #666;

    line-height: 34px;



    margin-top: 28px;



}



.header_wrap .language p span{



    font-size:12px;



    margin-left: 5px;



}
 
.nav_pc_on{
    position: fixed;
    width:100%;
    top: 0;
    left: 0;
    background: #2a343d;
    z-index: 999;
}
.nav_pc li{
    display: inline-block;
    position: relative;
}
.nav_pc li>a{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    line-height:90px;
    color:#000;
    font-weight: 500;
    padding:0 30px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
 
.nav_pc li.cur>a,.nav_pc li a:hover{
    color:#0068b7;font-weight: bold;
}
.nav_pc li.cur>a:after,.nav_pc li a:hover:after{
    width:calc(100% + 20px);
}
.nav_pc li.cur>a:before,.nav_pc li a:hover:before{
    bottom:3px;
    opacity: 1;
}
.nav_pc li .sub_nav{
    position: absolute;
    left:-10px;
    width:calc(100% + 20px);
    background:rgba(255,255,255,.95);
    transition: all 300ms;
    top:40px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    padding:15px 0;
}
.nav_pc li:hover .sub_nav{
    top:90px;
    opacity: 1;
    visibility: visible;
}
.nav_pc li .sub_nav a{
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:30px;
    line-height:30px;
    padding: 0 10px;
}
.nav_pc li .sub_nav a:hover{
    background: rgba(0,0,0,.1);
}

/* phone_fixed_menu */

.phone_fixed_menu{
    border-top: 1px solid #E5E9F2;
    width: 100%;
    height: 55px;
    background: #fff;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 0;
    display: none;
}
.phone_fixed_menu ul li{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 55px;
    line-height: 1.2;
}
.phone_fixed_menu ul li a{
    display: block;
}
.phone_fixed_menu ul li i{
    font-size:20px;
    color:#333;
}
.phone_fixed_menu ul li p{
    color:#333;
    font-size:14px;
}


.bg1{



    background: url(../images/aboutbg.png) no-repeat center top;



    position: relative;
 
}
.about_img1 {
    width: 100%;
    display: none;
}
.about_con{



    padding: 50px 60px 64px 0;



}

.qywh{padding-top: 75px; }

.qywh .col-md-3{text-align: center;margin-bottom: 30px;}
 

.qywh .cont{text-align:center;}

.qywh .cont i{width: 100px;height:110px;display: inline-block}

.qywh .qywhnm{position: relative;font-size: 16px;color: #333;font-weight: bold; padding: 10px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.qywh .qywhnm::after{content: '';width: 20px ;height: 2px;position: absolute;text-align: center;background: #333;bottom: 0;left: calc(50% - 10px);}

 

.qywh .col-md-3:hover .qywhnm{ color: #183972}

 

.qywh .col-md-3:hover .qywhnm::after{background: #183972}

.qywh .col-md-3:first-child .cont i{background: url(../images/icon1.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2) .cont i{background: url(../images/icon2.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3) .cont i{background: url(../images/icon3.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4) .cont i{background: url(../images/icon4.png)center center no-repeat;}

.qywh .col-md-3:first-child:hover .cont i{background: url(../images/icon1b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(2):hover .cont i{background: url(../images/icon2b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(3):hover .cont i{background: url(../images/icon3b.png)center center no-repeat;}

.qywh .col-md-3:nth-child(4):hover .cont i{background: url(../images/icon4b.png)center center no-repeat;}

@media (max-width:1599px) {

.qywh {

    padding-top: 140px;

	}}

.prolist{width: 100%;overflow: hidden; }
.prolist span{font-size: 16px;}
 

  .prolist a{display:block; }

  .prolist .col-md-3{  font-size:14px;line-height:40px;color:#000;text-align:center;}

.prolist .col-md-3 p{    max-height: 40px;

    overflow: hidden;}

 .prolist {display:block;border:#bbb; solid: 1px;margin-top:0px;}

 .prolist .col-md-3 img{width:100%;}

.prolist li .txt{line-height: 50px;padding-left:0px;  margin-top:20px;color:#fff;font-size:24px;}

.prolist .imgarea{display:block;border:1px solid #eee;}
.prj-bg{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:0;box-shadow:0 0 5px;background:rgba(255,255,255,.8);padding:20px}

.prj{position:absolute; }

.prj-bg1{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:0;background:rgba(21,37,71,.8);margin:0 20px;  }

.prj1{ padding-top:0px;color:#fff;font-size:22px;line-height:60px;margin:0 auto;}

.prj2{position: absolute; width:90%;padding-top:80px;color:#fff;font-size:14px;line-height:24px;margin:30px auto;}

.prj3 a{padding-top:25%;width:100%;position: absolute; color:#ff961c;font-size:14px;line-height:24px;margin:0 auto;}

.prj-preview{width:120px;background-color:#0a3b6f;height:38px;margin:0 5px;color:#fff;position:absolute;bottom:45%;left:28%;border-radius:25px}

.prj-detail{width:128px;background-color:#ff961c;height:38px;margin:0 5px;position:absolute;bottom:23%;color:#fff;left:28%;color:#fff;border-radius:25px}

 

a.prj-link{display:block;position:absolute;top:80%;left:0;width:100%;height:100%;color:#fff}

.prj-detail a{color:#fff}

.prj-preview span,

.prj-detail span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.prj-preview img,.prj-detail img{vertical-align:middle}

.prj-b{width:100%;height:100%;position:absolute;bottom:0;left:0;transition:all .2s;opacity:1;background:rgba(21,37,71,0);  padding:20px}

.prj-de {

    width:64px;

    height: 64px;

    margin: 0 5px;

    position: absolute;

   top:1px;

     

    right: 6px;

    color: #fff;

    

}

.prj-de img{ 

    margin: 0 ;!important;

    position: absolute;
 

}

.prj-preview span a{color:#fff}			 

            .prj-bg {

                z-index: 1;

            }

            

            .prj-bg:hover {

                opacity: 1;

            }

             .prj-bg1 {

                z-index: 1;

            }

            

            .prj-bg1:hover {

                opacity: 1;

            }

 .prj-bg2{width:95%;height:100%; position:absolute;bottom:0;padding: 0 10px; opacity:1; display: block; }


.about_con .tit p{



    font-size:32px;



    color:#000;



    font-weight: 100;



    font-family: 'Poppins';



    line-height: 70px;



    margin-left: 0px;



}



.about_con .tit h4{



    font-size:40px;



    color:#1a3970;

	 font-weight:500;

	letter-spacing:12px;

font-weight: bold;

    padding: 0px 0;



    position: relative;



}



.about_con .tit h4:after{



    background: #ddd;



    width: 50px;



    height: 0px;



    content:'';



    display: block;



    position: absolute;



    left: 0;



    bottom: 0;



}



.about_con .con{

 

    font-size: 16px;



    color: #333;



   line-height: 35px;

	width:100%;



	padding-left:0px;

 

    margin-top: 40px;



}


 
.topsearch{



    line-height:90px;

padding-right: 25px;

}



.topsearch i{



    font-size:18px;



    margin:0 7px;



    color:#fff; 
    cursor: pointer;



}





.fixed_search{

    background: #ececec;

    left: 0;

    position: fixed;

    right: 0;

    top:-50%;

    z-index: 9999;

    height: 50%;

    transition:all .3s;

}

.fixed_search_on{

    top: 0;

}

.fixed_search form{

    left: 10%;

    position: absolute;

    right: 10%;

    top: 42%;

    z-index: 99999999;

}

.fixed_search .key{

    width: 100%;

    height: 100px;

    background: transparent;

    padding: 20px;

    font-size: 35px;

    line-height: 60px;

    border-bottom: 2px solid #333;

    border-top: none;

    border-left: none;

    border-right: none;

    outline: none;

}

.fixed_search .btn{

    position: absolute;

    right: 0;

    top: 20px;

    border:none;

    background: none;

    outline: none;

}

.fixed_search .btn i{

    font-size:30px;

    

}

.fixed_search .close{

    position: absolute;

    right: 70px;

    top:70px;

    opacity: 1;

    border:2px solid #666;

    padding: 12px;

    border-radius: 50%;

}

.fixed_search .close i{

    font-size:18px;

    color:#666;

}




.mobile_banner{



    display: none;



}

 


.phone_top_nav{



    display: none;



}



.phone_top_nav .sub_nav_phone{



    padding: 10px 0;



    border-bottom: 1px solid #eee;



}



.phone_top_nav .sub_nav_phone a{



    display: inline-block;



    font-size: 14px;



    margin-right: 20px;



    color: #333;



}



.header_icon{



    justify-content: flex-end;



}



.header_icon .ico{



    font-size: 14px;



    color:#000;



    line-height: 85px;



    margin-right: 15px;



}



.header_icon .ico a{



    color: #000;



}



.header_icon .ico i{



    background: #18cfcf;



    color: #fff;



    font-size: 12px;



    text-align: center;



    line-height: 22px;



    width: 22px;



    height: 22px;



    border-radius: 50%;



    margin-right: 7px;



}



.phone_menu_btn{



    font-size: 16px;



    color: #000;



    padding-top:18px;



    display: none;



}



.phone_menu_btn .line{



    position: relative;



    display: block;



    width:19px;



    height: 2px;



    margin: 4px 0;



    background: #333;



    -webkit-transition: .3s;



    transition: .3s;



}



.phone_menu_btn span{



    position: absolute;



    left: 32px;



    top: 2px;



}



.phone_top_nav{



    position: fixed;



    width: 100%;



    z-index: 9999;



    background:#fff;



    height: 100%;



    border-top:1px solid #ccc;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    overflow-y: scroll;



    padding: 60px 30px 30px;



    transition: .5s;



    transform: translateY(-100%);



}







.phone_top_nav li>a{



    display: block;



    line-height: 50px;



    font-size: 16px;



    color: #333;



    border-bottom: 1px solid #eee;



    font-weight: 100;



}



.phone_top_nav .sub_nav{



    padding: 10px 0;



    border-bottom: 1px solid #eee;



}



.phone_top_nav .sub_nav a{



    display: inline-block;



    font-size: 14px;



    margin-right: 10px;



    color: #333;



}



.header_active .line:nth-of-type(1){



    -webkit-transform: translateY(5.5px) rotate(-45deg);



    -ms-transform: translateY(5.5px) rotate(-45deg);



    transform: translateY(5.5px) rotate(-45deg);



}



.header_active .line:nth-of-type(2){



    opacity:0;



}



.header_active .line:nth-of-type(3){



    -webkit-transform: translateY(-6.5px) rotate(45deg);



    -ms-transform: translateY(-6.5px) rotate(45deg);



    transform: translateY(-6.5px) rotate(45deg);



}



.header_active .phone_top_nav{



    transform: translateY(0);



}











/* phone_fixed_menu */







.phone_fixed_menu{



    border-top: 1px solid #E5E9F2;



    width: 100%;



    height: 55px;



    background: #fff;



    position: fixed;



    z-index: 10000;



    bottom: 0;



    left: 0;



    display: none;



}



.phone_fixed_menu ul li{



    flex:1;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    text-align: center;



    height: 55px;



    line-height: 1.2;



}



.phone_fixed_menu ul li a{



    display: block;



}



.phone_fixed_menu ul li i{



    font-size:20px;



    color:#333;



}



.phone_fixed_menu ul li p{



    color:#333;



    font-size:14px;



}



 

/* banner */



.banner{



    position: relative;



}



.banner .item{



    position: relative;



}



.banner .item .con{



    position: absolute;



    left:0;



    width: 100%;



    top:50%;



    transform: translate(0,-50%);



}



.banner .item .con .con_box{



    text-align: right;



}



.banner .item .con h4{



    font-size:48px;



    color:#fff;



    font-weight: bold;



    letter-spacing: 1px;



    margin:15px 0 20px;



}



.banner .item .con p{



    font-size:16px;



    color:#fff;



    font-family:'Segoe UI light';



    letter-spacing: 1px;



    margin-bottom: 50px;



}



.banner .owl-item:nth-child(2) .con .con_box{



    text-align: left;



}
.bord_cont {
    border: 1px solid #ddd;
    padding: 2rem 1.1rem 2rem;
    
    margin-bottom: 2rem;
}
 .sub_title {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dfdfdf;
    line-height: 25px;
}
.sub_title h1 {
    font-size: 24px;line-height: 2;
}
.sub_info {
    color: #777;
    font-size: 14px;
}
.article {
    margin: 20px 0;
    line-height: 2;
    overflow: hidden;
    font-size: 15px;
 
}
.article a{    color: #1D3676;
    font-weight: 600;}
.skip {
    overflow: hidden;
    margin-top: 30px;
   
    padding: 5px;
}
.skip {}
.fr {
    float: right;
}
.fl {
    float: left;
}
.cpjs a{color:#333;}
.cpjs a:hover{color:#333;}
.info h5 {
    font-size: 15px;
    color: #333;
    line-height: 1.76;
}
.banner .item .img img{



    width:100%;



}







.banner .owl-pagination{



    position: absolute;



    bottom: 0;



    width:100%;



    text-align: center;



    left:0;



    height:40px;



}



.banner .owl-pagination>div{



    display: inline-block;



    width:7px;



    height:7px;



    background:rgba(255,255,255,.9);



    border-radius: 50%;



    text-indent: -9999px;



    margin:0 7px;



    border: 1px solid rgba(255,255,255,.9);



    position: relative;



}



.banner .owl-pagination>div.active:after{



    width:19px;



    height:19px;



    border-radius: 50%;



    content:'';



    display: block;



    position: absolute;



    border:1px solid rgba(255,255,255,.9);



    left:-7px;



    top: -7px; 
}
 
.main{ 

  margin: 0px 0 50px;
}
.wrap {
    overflow: hidden;
}
 .ind_about {
    overflow: hidden;
    flex-flow: row wrap;
    justify-content: space-around;
	 background-color: #4c6069;margin:30px 20px;
 
}
.ind_about .col-md-6{padding-left: 0px;padding-right: 10px;}
.ind_about img {
    border-right: 5px solid #fff;width: 100%;
}
 
.ind_about h2{font-size:18px; color:#fff;   
	line-height: 2;
    margin-bottom: 0;}
 
.ind_about .cont {
    padding: 3% 5% 0;
}
.ind_about .con{height: 15rem;color: #fff;
    font-size: 14px;}
.articleCon{border-top:1px solid #ddd;margin-top: 2rem;}
@media screen and (max-width: 1400px){
 
}
  @media screen and (max-width:640px){
.ind_about{display: none;}

    .articleCon {
        border-top: 0;
        margin-top: -2rem;
    }
    
 
}
 
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;    border: 15px solid #fff;
  
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
/*产品中心*/
.canvas { display:block; height:500px; position:absolute; width:100%; bottom:-20px; z-index:5;}
.waves { height:740px; background: #1d3676;text-align:center; color:#fff; font-size:15px; position:relative; overflow:hidden;}
.waves .w1200{ position:absolute; left:50%; margin-left:-600px; z-index:10;}
.waves .title{ padding-top:80px; margin-bottom:30px; }
.title{ color:#fff; text-align:center;}
.title h2{ font-size:40px;  font-weight:bold; margin-bottom:12px;}
.title h4{ font-size:16px;  }
.proHd { margin-bottom:40px;}
.proHd ul{ margin: 0 17px;}
.proHd li{ float:left; width:165px; height:38px; line-height:38px;color: #333; text-align:center; background-color:#f7f7fa; margin:0 25px; cursor:pointer;}
.proHd li.on,.proHd li:hover{ background:#f68100;}
.proBd dl{display:none} .proHd li.act .proBd dl{display:block}
 
.proHd li.on a,.proHd li:hover { color:#fff;}
.proBd{ width:100%; height:357px; overflow:hidden;margin-top: 50px;  left: 0;
    position: absolute;}
.proBd dt{ width:50%; display:block; color:#fff; text-align:left; float:left;}
.proBd dt h2{ font-size:24px; margin-bottom:40px;}
.proBd dt p{ width:95%; height:120px; overflow:hidden; line-height:30px; margin-bottom:55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
.proBd dt .icon{ width:100px; margin-right:39px; text-align:center;}
.proBd dt .icon4{ margin-right:0px;}
.proBd dt span{ display:block; margin-top:5px;}
.proBd dd{ float:right; width:50%; height:357px;}
.proBd .fl{float: left;}
/*页底css*/

.yunu-section {padding: 60px 0;}
.yunu-section-title {text-align: center;font-size: 40px;margin-bottom: 40px;  visibility: visible!important;}
.yunu-section-title span {display: inline-block;position: relative;padding: 0 30px;font-weight: bold;}
.yunu-section-title span:before,.yunu-section-title span:after {width: 20px;height: 1px;position: absolute;content: '';top: 50%;background-color: #000;}
.yunu-section-title span:before {right: 100%;}
.yunu-section-title span:after {left: 100%;}
.yunu-section-title p {margin: 0;font-size: 20px;}
.yunu-section-title.white {color: #fff;}
.yunu-section-title.white span:before,.yunu-section-title.white span:after {background-color: #fff;} 

.yunu-xinlai {position: relative;margin-top: -125px;}
.yunu-xinlai .tit {color: #fff;width: 260px;font-size: 48px;padding: 40px 0 0 40px;line-height: 1;font-weight: bold;height: 160px;margin-left: 18px;position: relative;z-index: 1;}
.yunu-xinlai dl {margin: 0;overflow: hidden;}
.yunu-xinlai dt {float: left;width: 300px;overflow: hidden;height: 225px;line-height: 225px;}
.yunu-xinlai dt img {-webkit-transition: all 0.5s;transition: all 0.5s;}
.yunu-xinlai dt a:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.yunu-xinlai dd {margin-left: 370px;padding: 25px 0 0;}
.yunu-xinlai dd h4 {margin: 0;line-height: 35px;font-size: 20px;color: #333; font-weight: normal;}
.yunu-xinlai dd h5 {margin: 5px 0 0;line-height: 25px;font-size: 16px;font-weight: normal;}
.yunu-xinlai dd p {color: #666;line-height: 25px;margin: 10px 0 0;font-size: 15px;}
.yunu-xinlai dd .more {display: inline-block;margin-top: 20px;}
.yunu-xinlai .arr {position: absolute;font-size: 0;right: 0;top: 58px;}
.yunu-xinlai .arr a {display: inline-block;width: 46px;height: 46px;background: no-repeat center;margin-left: 20px;}
.yunu-xinlai .arr .prev {background-image: url(../images/jz_lico01.png);}
.yunu-xinlai .arr .prev:hover {background-image: url(../images/jz_lico02.png);}
.yunu-xinlai .arr .next {background-image: url(../images/jz_rico01.png);}
.yunu-xinlai .arr .next:hover {background-image: url(../images/jz_rico02.png);}

.yunu-hezuo {margin-left: -35px;}
.yunu-hezuo li {float: left;width: 20%;}
.yunu-hezuo li a {display: block;margin: 35px 0 0 35px;position: relative;overflow: hidden;}
.yunu-hezuo li .img-center {line-height: 120px; text-align: center;height: 120px;}
.yunu-hezuo li span {position: absolute;left: 0;top: 100%;line-height: 120px;text-align: center;color: #fff;background-color: rgba(29,54,118,0.9);width: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.yunu-hezuo li a:hover span {top: 0;}

.yunu-pinzhi {margin-left: -8px;}
.yunu-pinzhi li {float: left;width: 20%;}
.yunu-pinzhi li a {display: block;margin-left: 8px;position: relative;overflow: hidden;}
.yunu-pinzhi li .text {background-color: #fff;text-align: center;position: relative;z-index: 1;height: 232px;}
.yunu-pinzhi li i {display: inline-block;background: no-repeat center;height: 68px;margin-top: -34px;width: 68px;vertical-align: middle;}
.yunu-pinzhi li h4 {line-height: 50px;font-size: 18px;margin: 0;}
.yunu-pinzhi li p {color: #777;line-height: 1.8;}
.yunu-pinzhi li .box {position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background-color: rgba(246,129,0,0.9);color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;}
.yunu-pinzhi li .box i {margin-top: 110px;}
.yunu-pinzhi li .box p {color: #fff;}
.yunu-pinzhi li a:hover .text {opacity: 0;}
.yunu-pinzhi li a:hover .box {top: 0;opacity: 1;}

.yunu-ban1 {background-color: #f68100;color: #fff;}
.yunu-ban1 .container {position: relative;}
.yunu-ban1 .i1,.yunu-ban1 .i2 {position: absolute;top: 50%;width: 34px;height: 34px;margin-top: -17px;}
.yunu-ban1 .i1 {left: 383px;}
.yunu-ban1 .i2 {right: 383px;}
.yunu-ban1 .col-md-4 {float: left; background-color: #f68100;height: 145px;text-align: center;}
.yunu-ban1 .col-md-4:nth-of-type(even) {background-color: #01377d;}
.yunu-ban1 .col-md-4 ul {padding: 40px 0 0 20px;text-align: left;}
.yunu-ban1 .col-md-4 li {float: left;width: 50%;font-size: 16px;background: url(../images/ban_ico01.png) no-repeat 20px center;line-height: 36px;text-indent: 50px;}
.yunu-ban1 .col-md-4 h4 {margin: 0;font-size: 30px;padding-top: 40px;}
.yunu-ban1 .col-md-4 p {margin: 10px 0 0;font-size: 16px;}
.yunu-ban1 .col-md-4 span {padding-top: 15px;font-size: 16px; line-height: 2; display: block;}
.yunu-ban1 .col-md-4 strong {font-size: 22px;display: block;line-height: 1.1;}
.yunu-ban1 .col-md-4 .btn {display: inline-block;line-height: 30px;background-color: #fff;padding: 0 15px;border-radius: 15px;margin-top: 15px;}
.yunu-ban1 .col-md-4 .btn:hover {color: #fff;background-color: #1d3676;}



.news_con{



    background: #fff;



    padding:0px 0px 50px;



    box-shadow: 0 0 0px rgba(0,0,0,.15);



}



.news_con .tit{

 

    margin-bottom: 25px;



}

.news_con dl{padding-top: 20px;}



.news_con .tit h4{

 

	padding-left: 20px;

    flex:1;

line-height: 50px;

    color:#fff;

margin:20px 30px 0px;

    font-size:24px;

	border-bottom: #bbb solid 1px;

	



}



.news_con .tit a{



    font-size:14px;



}



.news_con dl .con{



    padding: 17px 0px 0 20px;



    transition:all .3s;



}



.news_con dl .con h4{



    font-size:18px;



    font-weight: bold;



    color:#333;



    height: 30px;

padding: 5px 0px 0  15px ;

    line-height: 24px;



    overflow: hidden;



}

.news_con dl .con span{

	font: 14px;

	line-height: 40px;

	color: #999;

}

.news_con dl .con em{

	 display: block;



    width: 55px;



    height: 30px;

 

    line-height: 30px;



    text-align: center;



    font-size:14px;



    color:#e00101; 

    font-style: normal;



    border-radius: 3px;

	border: 1px solid #e00101;

 

}



.news_con dl .con p{



    max-height: 75px;



    line-height: 24px;



    color:#333;



    overflow: hidden;



    font-size:14px;



    margin:0px 0 ;



}



.news_con dl:hover .con{



    padding: 17px 0;



}



.news_con dl:hover .con h4{



    color:#333;



}





.news_con dl .con .mor {



    font-size:14px;

   color:#ff961c;

	padding-top: 15px;

	width: 58px;

	line-height: 16px;

	border-bottom: #ff961c solid 1px;

 



}



.news_con .time {



    font-size:14px;

 

 



}



.news_con .time span{



    flex:1;



    color:#333;



}



.news_con .time span em{



    color:#000;



    margin-right: 6px;



    vertical-align: middle;



}



.news_con .time i{



    font-size:12px;



    color:#2a343d;



    vertical-align: middle;



}



.news_con ul{



   

}



.news_con ul li{



    padding: 0px 0px 20px;

 

 margin-right: 40px;

  margin-left: 20px;

    border-bottom: 1px dashed #ddd ;

   

margin-top: 20px;

}



.news_con ul li a{



    font-size:18px;



    color:#333;



    height: 24px;

	font-weight: bold;



    line-height: 24px;



    overflow: hidden;



    display: block;



    margin-bottom: 10px;



}

.news_con ul.ul1 li span{float: right;font-weight: 100;
font-size:14px;  line-height: 24px;color:#999; }

.news_con ul.ul2 li{margin-bottom: 40px;}



.news_con ul.ul2 li span{



    display: inline-block;



    width: 20px;



    height: 20px;



    background: #3672d8;



    border-radius: 60%;



    color:#fff;



    text-align: center;



    line-height: 20px;



    font-size:14px;



    margin-right: 6px;



}



.news_con ul.ul2 li a{

  font-size:14px;

 padding: 0 20px;

    height: 24px;

	font-weight: 100;

	 

    line-height: 24px;color: #fff;



    }

.news_con ul.ul2 li p{



    font-size:14px;

 padding: 0 20px;

   



    line-height: 24px;color: #fff;

 



}



.news_con ul.ul2 li p span{



    background: #ff961c;



}







.news_con ul li:hover a{



    color:#1a3970;



}



.news_con ul.ul2 li:hover a{



    color:#fff;



}





.footer{ 
    background:#e7e5e6;
    overflow: hidden;
    line-height: 1.8;
border-top: 0px solid #1d3676;

border-top: 10px solid #1d3676;
}
 
.footer .dblx{background: #fff;}
 
.footer_nav{ margin-bottom: 25px;}
.footer_nav dl{
 
padding-top: 45px;

   padding-right: 80px;



}

.footer_nav dl:nth-child(4){

 

   padding-right:0px;



}


.footer_nav dl dt a{



    font-size:17px;



    color:#333;



    font-weight:bold;



    margin-bottom: 10px;



    display: block;



}



.footer_nav dl dd{

padding-right: 20px;

    line-height: 24px;
 
}
 
.footer_nav dl dd a{
 
    font-size:15px;
 
    color:#333; 
}

.footer_tel .tit{



    font-size:16px;



    color:#fff;



    margin-bottom: 15px;



}
 
.footer_tel .tel i{



    font-size:36px;



    margin-right: 10px;



}

 

.footer_tel .code{



    align-items: flex-end;



}



 .code img{



    width: 100px;



}



.footer_tel .code p{



    font-size:12px;



    color:#333;



    padding: 0 0 25px 0px;



}




.copyright {
    background: #000;
    margin: 0px auto;
    padding: 20px 0;
    width: 100%;
    
    font-size: 14px;
    color: #aaa;
}


 

   

.copyright p{
width: 100%; margin: 0 auto;
 text-align:center;

    color:#aaa;



}



.copyright .links{



    margin-top: 10px;



}
 
.copyright .links a{
 
    display: inline-block;
 margin-right: 6px;
 
}.ind_tit {
    text-align: center;
    position: relative;
    padding: 3vw 0 2vw;
    margin-bottom: 15px;
}.ind_tit h2 {
    font-size: 40px;
    line-height: 1.5;
    color: #333;
    font-weight: bold;
  
    margin-bottom: -.3em;
}
.ind_tit h2::after{width: 20px;
    height: 1px;
    position: absolute;left: 59%;
    content: '';
    top: 47%;
background-color: #000;}
.ind_tit h2::before{width: 20px;
    height: 1px;
    position: absolute;right: 59%;
    content: '';
    top: 47%;
background-color: #000;}
.ind_tit small {
    font-size: 20px;
    display: block;
    color: #333;
    line-height: 3;
}
.bt{text-align: center}
.bt small {
 font-size: 17px;
    display: block;
    color: #333;
    line-height: 3.5;
}
.left_border{ 
    
 border:1px solid #ddd;

 
    padding: 0px 0px; 
    margin-bottom: 25px;
 
}



.left_border .tit{

background-image:url(../images/t5.png);background-repeat:no-repeat;background-position:80% center;background-size:auto auto;

    font-size:24px;

 border-bottom: 1px solid #ddd;

    color:#fff;

	height:90px;

	  background:#1d3676; 
    font-weight: bold;

text-align:left;
 
    padding-top: 20px; 
 
padding-left: 10%;


}
.left_border .tit1{
line-height: 60px;
    font-size:24px;
width: 80%;margin: 0 auto;
 border-bottom: 1px solid #ddd;

    color:#1d3676;

	height:60px;
 
    font-weight: bold;

text-align:left; 
 


}


.left_product_menu ul a{ 
    padding:0 0 0 31px; 
    position: relative;



    display: block;



    height: 60px;



    line-height: 60px;

font-weight: 300;

    font-size:16px;



    color:#333;



    flex:1;



    overflow: hidden;



}



.left_product_menu ul a:before{



    width: 4px;



    height: 70px;



    display: block;



    content:'';



    background: #fff;

 


    position: absolute;



    left: 0px;

 top:0px;



}
 
 
.zxun{background-color:#1d3676;display:inline-block;color:#fff;line-height:5rem;font-size: 14px; margin:1.2rem 0;padding-right: 15px;}
.zxun::hover{color: #fff;background: #fff;}
.zxun img{border-right:1px solid #fff;display:inline-block;vertical-align:middle;padding:1.2rem;margin-right:1em}.zxun i{margin:0 1em}
.left_tag ul{
 
    margin-top:10px;
 
}
.left_tag .zxun{margin-left: 10%;color: #fff;}
 

.left_tag li{

margin: 0 auto;
   
width: 81%;

    position: relative;
 

    display: block;



  
 

    line-height: 40px;



    font-size:14px;



    color:#333;



    flex:1;



    overflow: hidden;

}



.left_tag li a{



    display: block;



    background: #f2f2f2;



    height: 40px;



    line-height: 40px;



    overflow: hidden;



    text-align: center;



    font-size:14px;



    color:#333;



}



.left_tag li a:hover{



    background: #f53838;



    color:#fff;
 
}

.left_product_menu ul li p{

width: 100%;

	margin: 0 auto;
height: 60px;line-height: 60px;
    padding: 0px;
 
    border-bottom: 1px solid #ddd;
 
    position: relative;
 
    overflow: hidden;
 
} 
.left_product_menu ul li p:nth-last-child(1){border-bottom: none}
.left_product_menu ul li a::after{display:block;font-size: 20px; font-weight:700;font-family: "宋体" ;content:">";z-index:5;position:absolute;right:10px;top:0}



.left_product_menu ul li p span{



    font-size:12px;



    color:#1a3970;



    cursor: pointer;



    width: 30px;



    display: flex;



    justify-content: center;



    align-items: center;



}



.left_product_menu ul li .inner_sublist{



    padding: 0 0 0 16px;



}



.left_product_menu ul li .menu{



    border-bottom: 1px solid #ddd;



}



.left_product_menu ul li .menu a:before{



    display: none;



}



.left_product_menu ul a:hover{



    color:#1d3676; background:#f6f6f6;

	font-weight: bold;



}



.left_product_menu ul li.cur>p>a:before,.left_product_menu ul a:hover:before{



    background:#1d3676;



}

.left_product_menu ul a:hover:after{
 color: #1d3676;

}


.left_product_menu ul li p:hover:before{



    left: 0;



}
 


.left_news ul li{


margin: 0 auto;
   
width: 80%;

    position: relative;

 border-bottom: 1px dashed #ddd;

    display: block;



    height: 60px;
 

    line-height: 60px;



    font-size:16px;



    color:#333;



    flex:1;



    overflow: hidden;

}
.left_news ul li:nth-last-child(1){border-bottom: none}
 


.left_news ul li a{



    padding:0 0 0 24px;



    position: relative;



    display: block;



    height: 60px;




    line-height: 60px;



    font-size:16px;



    color:#333;



    flex:1;



    overflow: hidden;



}

.left_news ul li a:before{



    width: 6px;



    height: 6px;



    display: block;



    content:'';



    background: #1d3676;



    transform: rotate(50deg);



    position: absolute;



    left: 10px;



    top: 23px;



}


.left_news ul li a:hover h4{
 
    color:#1d3676;
 
}
.page_picList li a {
    display: block;
    margin-bottom: 15px;
    padding: 0px;
    font: 14px;
    line-height: 24px;
}
.page_picList li .img {
    overflow: hidden;
    padding: 10px;
    background: #fff;
    position: relative;
    display: block;
    border: 1px solid #ddd;
}
.page_picList li img {
  width: 100%;
    margin-top: 20px;
    margin: auto;
   height:auto;
}
 .page_picList li .con {
    width: 95%;
    margin: 0 auto;text-align: center;
    padding-bottom: 20px;
}
.page_picList li .con h4 {
    line-height: 3;
  height: 55px;
    overflow: hidden;
    color: #222;
 
    font-size: 18px; 
    font-weight:540;
}
.page_picList li .con span{
    font-size: 14px;   color: #666;
    padding: 8px 25px;
    border: 1px solid #ddd;
    border-radius: 25px;margin-top: 10px;
    text-align: center;
}
.page_picList li .con p {font-size: 14px;
    padding-top: 6px;color:#666;
    border-top: dashed 1px #ddd;
}
.page_picList .col-md-4 :hover h4 {font-weight: bold;color:#1d3676;}
.page_picList .col-md-4 :hover span{background:#1d3676;color: #fff;}
.page_index .img1 {
    margin: 10px 0px;
    display: block;
    border: 1px solid #eee;
}
.page_index h5 {
    padding-top: 10px;
    margin:0px 20px;
    line-height: 30px;
 
    font-size: 18px;font-weight: bold;
    color: #1d3676;
     
}
.page_index .col-md-6 {
    padding-top: 3px;
    color: #444;
}
.page_index .col-md-6 span {
    float: right;
    color: #999;
    font-size: 14px;
}
 
.page_index .con h4 {
    color: #333;
    font-size: 16px;
    text-align: center;
    line-height: 30px;margin-bottom: 20px;
}.page_newsList dl .col-md-9{padding-left:30px;}

.page_newsList dl .col-md-9 em{color: #fff;font-size: 14px; font-weight: bold;background: #666;border-radius: 3px;width: 100px;height: 36px;text-align: center;margin-top: 10px; }

.page_newsList dl:hover .col-md-9 em{ 
    background:#1d3676;color: #fff; 

}

.page_newsList dl p{

 font-size: 14px;color: #666;
overflow: hidden;
    height: 40px;line-height: 20px;
 
}
.page_newsList dl em{



    display: block;

 font-weight: bold;

    line-height: 40px;



    text-align: left;



    font-size:14px;



    color:#666;



 font-family: "Calibri";



    font-style: normal; 

    margin-top:10px;

  
}
 
.page_newsList dl{ 
    padding-bottom: 30px; 
display: inline-block;
	padding-left: 0px;
width: 100%;
}
.page_newsList dl:hover h3{color:#1d3676;}
 
.page_newsList dl a{ 
    display: block;
 
}
.tr{border: 1px dashed #333;display: block } 
.p1 span{font-size: 15px;
    line-height: 4;
    color: #000;}
.p1 a{color: #333;}

.page_newsList dl .col-md-7{ 
    margin-top: 10px;
 
} 
.page_newsList dl .img{
 
    position: relative;

 
 
}
.page_newsList .time{ 
    color:#666; 

    display: inline-block; 
	margin:3px 0 3px; }


.page_newsList dl .img img{
	border: 1px solid #eee;
padding: 5px;

    width: 100%;
 
}
.page_newsList dl h4 {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #000022;
    
}
.page_newsList dl h3 {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #000022;
    
}
.page_newsList dl .info {
    position: absolute;
    font: 14px;
    left: 30px;
    width: 90%;
    top: 0;
}
.cpjs{margin-left: 20px;margin-bottom: 10px;}
.related_tit {
  
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 15px 0;
}
.related_tit h4 {
    background:#1d3676;
    line-height: 52px;margin-left: 20px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
   
    padding: 0 24px;
}
.cii a{color: #aaa;}
 .inner_contact1{background: linear-gradient(to bottom,#fff 40%, #f2f2f2 40%);padding: 2% 0;}
		.inner_contact1 h3{text-align: center;font-size: 30px;font-weight: bold; margin-bottom: 30px;}
		.inner_contact1 .con1{box-shadow: 0 0 10px #ddd;display: flex;margin-bottom: 50px;}
		.inner_contact1 .item1{width: 50%;float: left;padding: 50px 80px;background: #fff;position: relative;}
		.inner_contact1 .item1 h4{color: #1d3676;font-size: 28px;font-weight: bold; line-height: 1;}
		.inner_contact1 .item1 h5{font-size: 16px;font-weight: normal;color: #888;font-family: Arial;line-height: 2; padding-bottom: 10px;margin-bottom: 50px;position: relative;}
		.inner_contact1 .item1 h5::after{position: absolute;content: '';width: 40px;height: 2px;background: #1d3676;left: 0;bottom: 0;}
		.inner_contact1 .item1 p{color: #666;font-size: 16px;}
		.inner_contact1 .item2{flex: 1;padding: 50px 80px;background: #1d3676;color: #fff;font-size: 14px;}
		.inner_contact1 .item2 h5{font-weight: normal;font-size: 22px;}
		.inner_contact1 .item2 h4{font-weight: normal;font-size: 28px;margin-bottom: 20px;padding-bottom: 20px;position: relative;font-family: Arial;line-height: 1.5;}
		.inner_contact1 .item2 h4::after{position: absolute;content: '';width: 40px;height: 2px;background: #fff;left: 0;bottom: 0;}
		.inner_contact1 .item2 h4.last::after{display: none;}
		.inner_contact1 .map{padding: 10px;background: #fff;}
.neir .con{width: 80%; margin: 0 auto;}
.neir .con p{margin: 12px 0;color: #666;}
.neir h2{font-size:36px;color:#333;line-height:1.76;  font-weight:bold;}
.neir h2::before{width:5px;height: 36px;background:#1d3676; display: block;content: "";left: -30px; top:50px;position: relative;}
 .neir .col-md-3{padding-left: 20px;padding-right: 0px;}.neir .col-md-9{padding-right: 30px;}